<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="css/amazeui.min.css" />
		<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="js/amazeui.min.js"></script>
		<link rel="stylesheet" href="css/zpwd/zpwd.css" />
		<link rel="stylesheet" href="css/sui.css" />
		<script type="text/javascript" src="js/sui.js"></script>
		<title>找回密码</title>
		<style>
			/*.bottomLine {
				border-bottom: 1px solid #ccc;
				border-top: 1px solid #ccc;
				margin-bottom: 10px;
				/*padding: 10px;*/
				/*padding-top: 10px;
				padding-bottom: 10px;
				word-spacing: 0.05rem;
				text-align: center;
				margin-top: 82px;*/
				/*width:677px ;*/
				/*line-height: ;*/
			/*}*/
				.bottomLine{
				border-bottom: 1px solid #ccc;
				border-top: 1px solid #ccc;
				padding-top:8px;
				/*padding-bottom:10px;*/
				
			}
			.bot {
				margin-bottom: 50px;
				/*text-align: center;*/
				color: #7b6f5b;
			}
			
			.radio-pretty.checked > span:before {
				color: #f88600;
			}
			
			input {
				height: 62px;
			}
		</style>
	</head>

	<body>
		<!--<div class="am-g" style="margin-top: 25px;">
			
		</div>-->
		<div class="am-g" style="margin-top: 40px;">
			<div class="logo"> <img src="img/logo.png" style="    float: left" /> <p style="font-size: 16px;color: #3d3d3d;margin-left: 16px;font-weight: bold;margin-top: 20px;    float: left">忘记密码</p></div><div  style="width: 1200px;margin: 0 auto;font-size: 12px;margin-top: -38px;"> <span style="float: right;color: #333333;">您好,shi******0<span style="margin-left: 20px;margin-right: 20px;">|</span>退出<span style="margin-left: 20px;margin-right: 20px;">|</span>我的买啦</span>
			</div>
		</div>
		<div style="background-color: #ffffff;padding-top: 30px;margin-top: 45px;border-top: 1px #e2e2e2 solid;">
		<div class="am-g content" style="margin-top: 45px;">
			<div data-am-widget="tabs" class="am-tabs am-tabs-d2">
				<ul class="am-tabs-nav am-cf" style="margin-top: 74px;">
					<li class="" style="max-width: 95px; margin-left: 100px;"></li>
					<li class="am-active"><a href="[data-tab-panel-0]"><span class="am-badge am-round am-badge-warning-active ">1</span>输入账户名</a></li>
					<li class=""><a href="[data-tab-panel-1]"><span class="am-badge  am-round">2</span>验证身份</a></li>
					<li class=""><a href="[data-tab-panel-2]"><span class="am-badge  am-round">3</span>重置密码</a></li>
					<li class=""><a href="[data-tab-panel-2]"><span class="am-badge  am-round">4</span>重置成功</a></li>
					<li class="" style="    max-width: 95px;margin-right: 100px;"></li>
				</ul>
				<!--输入账户名-->
				<div class="am-tabs-bd" style="margin-left: -20px;">
					<div data-tab-panel-0 class="am-tab-panel am-active" style="margin-top: 50px;">
						<div class="am-g">
							<div class="am-u-sm-7 am-u-sm-offset-3 " > <span class="left1"></span> <input type="text" placeholder="请输入您的手机号" class="am-form-field" style="margin: auto;display: block;float: left;padding-left: 57px;width: 562px;margin-left: 10px;" /> </div>
							<div class="am-u-sm-1 am-u-end" style="padding: 10px;"> <span class="right" style="display: none;"></span> </div>
						</div>
						<div class="am-g" style="margin-top: 37px;">
							<div class="am-u-sm-7 am-u-sm-offset-3" style="padding-right: 0rem;"> <span class="left2"></span> <input type="text" placeholder="请输入验证码" class="am-form-field" style="margin: auto;display: block;float: left;padding-left: 55px;width: 330px;margin-left: 10px;border-right: 0px;" />
							<button type="button" class="am-btn am-btn-default" style="width: 232px;float: left;height: 62px;"><img src="img/yzm.png" style="margin-left: -20px;;" /> <a style="margin-left: 13px;font-size: 12px;">换一张</a></button> </div>
						</div>
						<div class="am-g" style="margin-top:40px;">
							<div class="am-u-sm-7 am-u-sm-offset-3 "> <button type="button" class="am-btn am-btn-warning" style="width: 562px;padding: 20px;border: 1px rgba(187, 187, 187, 0.5) solid;margin-left: 10px;"><font style="font-size: 20px;font-weight: bold;">下一步</font></button> </div>
						</div>
					</div>
					<!--验证身份-->
					<div data-tab-panel-1 class="am-tab-panel " style="margin-top:23px;">
						<div class="am-g" >
							<div class="am-u-sm-6 am-u-sm-offset-3 "  > 
								<p style="font-size: 16px;color: #333333;margin-left: 20px;">手机号:188******10</p>
							</div>
						</div>
						<div class="am-g" style="margin-top: 15px;">
							<div class="am-u-sm-7 am-u-sm-offset-3" style="padding-right: 0rem;"> <span class="left2" style="left: 40px;"></span> <input type="text" placeholder="请输入验证码" class="am-form-field" style="margin: auto;display: block;float: left;padding-left: 55px;width: 330px;margin-left: 20px;border-right: 0px;" />
							<button type="button" class="am-btn am-btn-default" style="width: 232px;float: left;height: 62px;font-size: 14px;">获取短信验证码</button> </div>
						</div>
						<div class="am-g" style="margin-top: 58px;margin-bottom: 15px;">
							<div class="am-u-sm-6 am-u-sm-offset-3 "> <button type="button" class="am-btn am-btn-warning" style="width: 562px;height: 62px;font-size: 20px;font-weight: bold;border: 1px rgba(187, 187, 187, 0.5) solid;margin-left: 20px;">下一步</button> </div>
						</div>
						<div class="am-g">
							<div class="am-u-sm-6 am-u-sm-offset-3 "> 
								<a style="margin-left: 20px;"> 选择其他验证方式></a>
								</div>
						</div>
					</div>
					<!--重置密码-->
					<div data-tab-panel-2 class="am-tab-panel ">
						<!--<div class="am-g"> <div class="am-u-sm-12" style="text-align: center;"> <img src="img/lion.png" /> </div> </div>-->
						<div class="am-g" style="margin-top: 60px;">
							<div class="am-u-sm-7 am-u-sm-offset-3 " >
							<img src="img/success.png" style="margin-left: 60px;margin-top: -5px;" /><span style="margin-left: 13px;font-size: 12px;">验证已成功,您可以设置新的密码!</span>
							</div>
						</div>
						<div class="am-g" style="margin-top: 15px;">
							<div class="am-u-sm-7 am-u-sm-offset-3 " ><span style="float: left;font-size: 14px;font-weight: bold;margin-top: 20px;">新密码:</span><input type="password" placeholder="请输入新的密码" class="am-form-field" style="margin: auto;display: block;float: left;padding-left: 30px;width: 562px;margin-left: 10px;" /> </div>
							<div class="am-u-sm-1 am-u-end" style="padding: 10px;"> <span class="right" style="display: none;"></span> </div>
						</div>
						<div class="am-g" style="margin-top: 18px;">
							<div class="am-u-sm-7 am-u-sm-offset-3 " >
								<span style="margin-left: 55px">
									6-20个字符，由字母、数字和符号的两种以上组合。
								</span>
								</div>
						</div>	
						<div class="am-g" style="margin-top: 20px;">
							<div class="am-u-sm-7 am-u-sm-offset-3 " ><span style="float: left;font-size: 14px;font-weight: bold;margin-top: 20px;margin-left: -14px;">确认密码:</span><input type="password" placeholder="请再次输入新密码" class="am-form-field" style="margin: auto;display: block;float: left;padding-left: 30px;width: 562px;margin-left: 10px;" /> </div>
							<div class="am-u-sm-1 am-u-end" style="padding: 10px;"> <span class="right" style="display: none;"></span> </div>
						</div>
						<div class="am-g" style="margin-top: 60px;">
							<div class="am-u-sm-7 am-u-sm-offset-3 "> <button type="button" class="am-btn am-btn-warning" style="width: 562px;height: 62px;font-size: 20px;font-weight: bold;border: 1px rgba(187, 187, 187, 0.5)B solid;margin-left: 57px;">下一步</button> </div>
						</div>
					</div>
					<!--重置成功-->
					<div data-tab-panel-2 class="am-tab-panel ">
						<div class="am-g" style="margin-top: 129px;">
							<div class="am-u-sm-6 am-u-sm-offset-3 " style="    text-align: center;">
								<h2 style="color: #8F8F8F;font-size: 20px;">恭喜您,密码重置成功,请牢记新登录密码!</h2> </div>
						</div>
						<div class="am-g" style="margin-top: 145px;">
							<div class="am-u-sm-6 am-u-sm-offset-3 " style="text-align: center;"> <button type="button" class="am-btn am-btn-warning" style="width: 236px;height: 62px;font-size: 20px;font-weight: bold;border: 1px rgba(187, 187, 187, 0.5)B solid;margin: 0 auto;">立即去逛逛</button> </div>
						</div>
					</div>
				</div>
			</div>
		</div>
			<div class="am-g " style="margin-top: 81px;text-align: center;font-size: 12px;">
			<div class="bottomLine" style="margin:0 auto;width:700px;height: 35px;">
			<span style="float: left;word-spacing:0.52rem;    text-align: center;    width: 100%;">关于我们 | 联系我们 | 商家入驻 | 友情链接 | 站点地图 | 手机商城 | 销售联盟 | 商城社区 | 企业文化 | 帮助中心 
			</span>
			</div>
	    </div>	
			<div class="am-g">
			<div class="bot ">
				<div  style="margin:0 auto;width:700px;height: 30px;">
				<p style="font-size: 12px;float: left;">© &nbsp;2005-2016 买啦网 版权所有 ，并保留所有权利 <span style="margin-left: 30px;">买啦 Tel ：4008125181 </span><span style="margin-left: 30px;">E-mai：maila@163.com</span> </p>
			</div>
			</div>
		</div>
		</div>
	</body>

</html>